<template>
  <router-link tag="div" to="/actionDetail" class="action-list border-topbottom">
    <div>进入增删查改列表</div>
    <div class="iconfont">&#xe60a;</div>
  </router-link>
</template>

<script type="text/ecmascript-6">
export default {
  name: 'ActionList'
}
</script>

<style lang="scss" scoped>
  @import "~styles/scss/variable.scss";
.action-list {
  display: flex;
  justify-content: space-between;
  padding: .28rem .2rem;
  background: #fff;
  .iconfont {
    transform: rotateZ(180deg);
    color: $color-text-light-grey;
  }
}
</style>
